/* css */ @charset "utf-8"; /* CSS Document */ #sitecontent{position:relative;z-index:0;} /* 新首页 */ #logoClone #logo{width:15%;display:block;text-align:center;position:relative;z-index:999;} @media screen and (max-width:1200px){ #logoClone #logo{width:180px;} } #indexPage .module.bgShow .bgmask{display:none;} #indexPage #mpage .bgmask{display:block;background:url(/images/dot.png) repeat;opacity:0.5;} #indexPage .module .content{position:inherit;top:inherit;} #indexPage #mservice .content{text-align:center;margin-top:0;border-top:1px solid #f4f4f4;height:auto;} #indexPage #mpage .content{height:auto;margin-top:0;border-top:1px solid #f4f4f4;padding:80px 0;} #indexPage #mteam .content{height:auto;margin-top:0;border-top:1px solid #f4f4f4;width:90%;margin-left:5%;margin-right:5%;} #indexPage #mproject .content{height:auto;margin-top:0;border-top:1px solid #f4f4f4;padding-bottom:0;} #indexPage #mnews .content{height:auto;margin-top:0;border-top:1px solid #f4f4f4;} #indexPage #mpartner .content{height:auto;margin-top:0;border-top:1px solid #f4f4f4;} #indexPage #mcontact .content{height:auto;margin-top:0;} /* 导航 */ body.ipusher.open #header #headSHBtn{margin-left:400px;} body.ipusher.open #header #headSHBtn:hover{background-color:#262626;} body.ipusher.open #header #headSHBtn i::before{transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} body.ipusher #header #headSHBtn i{font-size:17px;margin-top:17px;transition:all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} body.ipusher #header #headSHBtn:hover i{color:#fff;transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);} body.ipusher.open #header #headSHBtn:hover i{color:#fff;transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);} #headSHBtn{display:block;left:-70px;top:20px;color:#dedede;background:transparent;width:50px;height:50px;transition:all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} #headSHBtn:hover{background-color:#4b4b4b;} body.ipusher #header ul li.navitem ul.subnav{margin:-648px 0px 0px;height:2000px;background-color:#fff;overflow:hidden;padding-top:645px;right:0;left:100%;z-index:-99;box-shadow:5px 2px 10px rgba(0, 0, 0, 0.03);} body.ipusher #header .content{padding-top:180px;background-color:#fff;padding-bottom:1000px;box-shadow:0px 2px 26px rgba(0, 0, 0, 0.1);} #logoClone img{margin:50px auto 0px;height:120px;width:auto;max-width:200px;} body.ipusher #header{width:15%;background-color:#FFF;left:0;position:fixed;z-index:9;} @media screen and (max-width:1200px){ body.ipusher #header{width:180px;} } body.ipusher.open #header{transform:translate3d(-400px, 0, 0);-webkit-transform:translate3d(-400px, 0, 0);-moz-transform:translate3d(-400px, 0, 0);-o-transform:translate3d(-400px, 0, 0);} body.ipusher #header #logo{margin:30px 0;display:none;} body.ipusher #header #logo img{margin-left:60px;height:34px;} body.ipusher #header ul li.navitem{text-align:left;border-bottom:none;padding:0 55px 0;line-height:58px;width:calc(100% - 110px);border-top:none;height:58px;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} #header ul li.navitem{height:60px;} body.ipusher #header ul li.navitem:hover{background:#f8f8f8;cursor:pointer;} body.ipusher #header ul li.navitem:hover a{color:#000;} #header ul li.navitem a{color:#666;font-size:13px;display:block;} #header ul li.navitem a.active,#header ul li.navitem:hover a{color:#666;} #header ul li.navitem ul.subnav li a{background:#fff;color:#666;height:32px;line-height:32px;padding:14px 30px 14px 40px;} body.ipusher #header ul li.navitem ul.subnav li a{color:#777;} body.ipusher #header ul li.navitem ul.subnav li a:hover{background:#fff;color:#333;text-indent:10px;} #header ul li.navitem ul.subnav li a i{margin-top:11px;} #header ul li.navitem ul.subnav li{border-bottom:1px solid rgba(0, 0, 0, .05);} #header ul li.navitem ul.subnav li:last-child{border-bottom:none;} /* 首页头部导航 */ #headSHBtn i{display:none;} #headSHBtn:after{content:'';display:block;width:20px;height:2px;background:#999;position:absolute;top:28px;left:15px;transition:all 0.3s ease-out 0s;} #headSHBtn:before{content:'';display:block;width:20px;height:2px;background:#999;position:absolute;top:18px;left:15px;transition:all 0.3s ease-out 0s;} #headSHBtn:hover::after{transform:rotate(45deg);top:25px;background:#fff;} #headSHBtn:hover::before{transform:rotate(-45deg);top:25px;background:#fff;} body.ipusher.open #headSHBtn{background-color:#4a4a4a;} body.ipusher.open #headSHBtn:after{transform:rotate(45deg);top:25px;background:#fff;} body.ipusher.open #headSHBtn:before{transform:rotate(-45deg);top:25px;background:#fff;} /* 幻灯 */ #indexPage .bx-wrapper .bx-pager-item{width:4px;height:4px;position:relative;background:#666;border-radius:4px;display:inline-block;margin-top:10px;margin-right:25px;} #indexPage #mslider .bx-wrapper .bx-pager-item{width:18px;height:18px;position:relative;background:transparent;} #indexPage .bx-wrapper .bx-pager.bx-default-pager a{width:14px;height:14px;border-radius:14px;border:transparent 2px solid;position:absolute;margin:0;top:-7px;left:-7px;} #indexPage #mslider .bx-wrapper .bx-pager.bx-default-pager a::after{content:'';position:absolute;width:4px;height:4px;border-radius:4px;background:rgba(255, 255, 255, .8);top:5px;left:5px;} #indexPage .bx-wrapper .bx-pager.bx-default-pager a:hover,#indexPage .bx-wrapper .bx-pager.bx-default-pager a.active{border:#6f6f6f 2px solid;background:transparent;} #indexPage .bx-wrapper .bx-pager-item:hover{background-color:#6f6f6f;} #indexPage #mslider .bx-wrapper .bx-pager-item:hover{background-color:transparent;} #indexPage .bx-controls-direction{display:none;} #indexPage #mslider ul li p.title{font-family:'GothamRnd-Light', 'Arial', '微软雅黑';font-size:52px;margin-bottom:3px;} #indexPage #mslider ul li p.subtitle{color:rgba(255, 255, 255, .9);} #indexPage #mslider{width:85%;position:relative;margin-left:15%;} #indexPage #mslider .bx-wrapper{width:85%;} #indexPage .sliderArrow{display:block;width:40px;height:14px;border:2px solid #fff;border-radius:38px;padding-top:28px;position:absolute;left:50%;margin-left:-21px;top:64%;animation:fadeInUp 0.9s cubic-bezier(0.445, 0.05, 0.55, 1) 0.4s infinite alternate;-moz-animation:fadeInUp 0.9s cubic-bezier(0.445, 0.05, 0.55, 1) 0.4s infinite alternate;-webkit-animation:fadeInUp 0.9s cubic-bezier(0.445, 0.05, 0.55, 1) 0.4s infinite alternate;-o-animation:fadeInUp 0.9s cubic-bezier(0.445, 0.05, 0.55, 1) 0.4s infinite alternate;} #mslider .sliderArrow:before{content:'';width:0;height:0;border-right:6px solid transparent;border-left:6px solid transparent;border-top:9px solid #fff;margin:13px;} /* 关于 */ #indexPage #mpage .wrapper li{text-align:center;} #indexPage .content .header{padding-top:100px;display:inline-block;} #indexPage .content .header .title{font-family:"HELVETICANEUELTPRO-THEX", "微软雅黑";font-size:20px;color:#323232;margin-bottom:5px;} #indexPage .content .header p{text-align:left;} #indexPage .content .header p.subtitle{font-size:15px;} #indexPage #mpage .wrapper li .fimg{display:block;width:100%;height:100%;position:absolute;left:0;background-size:100% auto;min-height:400px;margin-left:0;top:0px;} /* more */ #indexPage .content a.more{display:block;width:auto;height:34px;text-indent:0;line-height:34px;margin:0px;border:none;margin:0 auto;overflow:hidden;margin-top:50px;text-transform:lowercase;position:relative;} #indexPage .content a.more i{color:#c3c3c3;margin-left:20px;line-height:34px;font-size:18px;top:1px;position:relative;} #indexPage .content a.more:hover i{text-indent:-10px;color:#333;line-height:34px;} /* 案例 */ #indexPage #category{padding-bottom:40px;} #indexPage #mproject #category{display:block;width:80%;position:absolute;right:4%;text-align:right;top:100px;} #indexPage #mproject #category a{border:none;position:relative;margin-right:20px;} #indexPage #mproject #category a:hover,#indexPage #mproject #category a.active{background-color:transparent;color:#000;} #category a::before{content:'';position:absolute;width:0%;height:1px;background:#4b4b4b;top:30px;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;opacity:0;} #category a:hover::before{width:100%;opacity:1;} #indexPage #mpage{padding-bottom:50px;} #category a::after{content:'';position:absolute;width:0;height:0;border-top:4px solid transparent;border-left:6px solid #535353;border-bottom:4px solid transparent;top:11px;right:0px;opacity:0;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} #category a:hover::after{opacity:1;right:-14px;} #category a{border:none;position:relative;margin-right:20px;} #category a.active,#category a:hover{background-color:#fff;color:#333;} #indexPage .module{width:85%;margin-left:15%;} #indexPage #mproject{background-color:#fff;padding-bottom:4px;} #mproject .content{text-align:center;} #mproject .content .header{padding:98px 0 60px;float:left;margin-left:5%;} #mproject.Pageanli .content .header{display:none;padding:60px 0 50px;float:left;width:auto;margin-left:4%;} #indexPage #projectlist{width:100%;margin:0 auto;position:relative;float:left;} #indexPage #mproject .content .wrapper .content_list{margin-left:4%;} #indexPage #projectlist .projectitem{overflow:hidden;width:22%;margin-right:0%;padding:3% 3% 4%;background-color:#fff;margin-bottom:3px;border-bottom:1px solid #eaeaea;box-sizing:border-box;} #indexPage #projectlist .projectitem:nth-child(3n){border-right:none;} #indexPage #projectlist #projectitem_0,#indexPage #projectlist #projectitem_1,#indexPage #projectlist #projectitem_2{padding-top:0;} #projectlist .projectitem .projectitem_wrapper{height:100%;} #projectlist .projectitem .projectitem_wrapper .project_img{overflow:hidden;} .project_img .img { width:4.08em; height:4.76em; overflow:hidden; display:flex; justify-content:center; align-items:center;} @media only screen and (max-width:1200px) { .project_img .img { width:255px; height:297.5px; } } #indexPage #mproject .content .wrapper::before{content:'';position:absolute;width:1px;height:calc(100% - 23px);background:#eaeaea;margin-top:0;left:34.6%;z-index:10;margin-left:1px;top:0;} #indexPage #mproject .content .wrapper::after{content:'';position:absolute;width:1px;height:calc(100% - 23px);background:#eaeaea;margin-top:0;right:34.6%;z-index:10;margin-right:-1px;top:0;} /* #projectlist .projectitem a:hover img { transform:none;} */ #indexPage #projectlist .projectitem{overflow:visible;} #indexPage #projectlist #projectitem_1{animation-delay:0.1s;} #indexPage #projectlist #projectitem_2{animation-delay:0.6s;} #indexPage #projectlist #projectitem_3{animation-delay:0.8s;} #projectlist .projectitem a .project_info{position:relative;height:100px;} #projectlist .projectitem a:hover .project_info{background:rgba(255, 255, 255, 0);} #projectlist .projectitem a .project_info div{top:20px;margin-top:0;} ; #projectlist .projectitem a .project_info p.title{font-size:17px;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;color:#666;} .npagePage4 #projectlist .projectitem a .project_info p.title::after{margin-top:1px;} #projectlist .projectitem a .project_info p.subtitle{font-size:13px;color:#999;margin-top:5px;} #projectlist .projectitem a:hover .project_info p.title{text-align:center;margin-bottom:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:10px;margin-bottom:10px;color:#333;} .npagePage4 #projectlist .projectitem a .project_info p.title{font-size:14px;transition:all 0.3s ease-out 0s;} #projectlist .projectitem a:hover .project_info p.subtitle{color:#848484;font-size:13px;font-family:"Arial";} /* 内页案例 */ #indexPage #mpage .content .header{position:relative;z-index:10;padding-top:65px;width:auto;top:190px;} #sitecontent .newsl .content .header{float:none;padding-top:50px;} #sitecontent .npagePage.Pageyemian .content .header,#sitecontent .Pageservice .content .header,#sitecontent .Pageteam .content .header{float:none;margin-left:0;padding-bottom:50px;} .Pagenews #newslist .newstitem.right .news_wrapper{left:auto;right:0;} #sitecontent .content .header #indexPage #mpage .content .header{position:absolute;left:50%;z-index:10;padding-top:90px;} #indexPage #mpage .content .header .title,#indexPage #mpage .content .header .subtitle{text-align:center;} #indexPage #mpage .content .des-wrap{undefined:undefined;width:50%;background:#fff;margin:0 auto;max-height:370px;position:relative;padding:0% 8%;z-index:1;margin-top:0;} #indexPage #mpage .module-content .description{text-align:center;width:96%;margin-top:30px;line-height:26px;padding-top:156px;height:78px;overflow:hidden;} #indexPage #mpage .content a.more{position:absolute;left:50%;margin-left:-25px;font-size:17px;z-index:10;border-radius:0;margin-top:20px;} #indexPage #mpage .content a.more:hover{color:#333;text-indent:10px;} #sitecontent .Pageanli .content .header p.title{font-size:24px;line-height:30px;} #sitecontent .Pageanli .content .header p.subtitle{text-align:left;} .content .header p.subtitle{text-align:right;} .npagePage#mproject .content #projectlist{float:left;width:100%;} #sitecontent .Pageanli #projectlist .projectitem .project_img{height:auto;overflow:hidden;} /*新闻*/ #indexPage #mnews{background-color:#fff;} #indexPage #mnews .content{text-align:center;padding-bottom:150px;} #indexPage #mnews .content .header{padding:100px 0 75px;display:inline-block;float:left;margin-left:5%;} #newslist .newstitem.left a.newscontent,#newslist .newstitem.left a.newscontent:hover,#newslist .newstitem.right a.newscontent:hover{padding:0px;} #indexPage #mnews #newslist .newstitem.right a.newscontent{width:auto !important;padding-right:0;} #newslist .news_wrapper,#newslist .newstitem a.newscontent:hover .news_wrapper{width:auto;} #newslist .separator{display:none;} #mnews #newslist{width:82%;padding-left:9%;margin-right:9%;} #indexPage #mnews #newslist{float:left;width:91%;padding-left:5%;margin-right:4%;} #indexPage #mnews .content_list:after{content:'';display:block;clear:both;} #mnews #newslist .wrapper .newstitem{height:100%;transition:all 0.3s ease-out 0s;min-height:200px;} #indexPage #mnews #newslist .wrapper .newstitem{height:395px;} #indexPage #mnews #newslist .wrapper .newstitem::after{content:'';position:absolute;width:0%;bottom:30px;left:0;height:1px;background:rgba(0, 0, 0, .1);opacity:0;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;left:50%;} #indexPage #mnews #newslist .wrapper .newstitem:hover::after{opacity:1;background:rgba(0, 0, 0, .4);left:0%;width:100%;} #indexPage #mnews .newstitem a.details{display:block;position:absolute;font-size:0;opacity:0;top:auto;width:auto;text-indent:0;height:40px;border-radius:0;line-height:40px;border:none;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;bottom:-64px;right:15px;} #indexPage #mnews .newstitem:hover a.details{opacity:1;} #indexPage #mnews #newslist .newstitem a.newscontent{width:100% !important;} #indexPage #mnews #newslist .newstitem.left .news_wrapper,#indexPage #mnews #newslist .newstitem.right .news_wrapper,#newslist .newsbody .title{background:transparent;width:100%;} #indexPage #mnews #newslist .newsbody{width:92%;position:relative;top:230px;float:left;} #indexPage #mnews .bx-controls{display:block;} #mnews .bx-wrapper .bx-controls-direction{display:none;} #newslist .newstitem .newsimg{width:100%;height:220px;float:left;} #indexPage #mnews #newslist .newstitem .newsimg{display:block;} #newslist .newsbody .title{height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:16px;color:#323232;line-height:inherit;text-align:left;margin-top:0;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} #newslist .newstitem:hover .newsbody .title{margin-top:-12px;} #newslist .newstitem:hover .newsbody .description{margin-top:15px;} #newslist .newsbody .date{text-align:left;position:relative;bottom:-152px;margin-bottom:0;} #newslist .newsbody .date .md{display:none;} #newslist .newstitem .newsbody .date .year{font-family:"HELVETICANEUELTPRO-THEX", "微软雅黑";font-weight:bold;font-size:18px;color:#838383;margin-left:0;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} #newslist .newstitem:hover .newsbody .date .year{color:#454545;} #newslist .newsbody .description{font-size:13px;color:#7A7A7A;line-height:26px;text-align:left;margin-top:6px;height:55px;overflow:hidden;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} #mnews .bx-pager.bx-default-pager{top:230px;text-align:center;} #indexPage #mnews .bx-pager.bx-default-pager{top:auto;bottom:-80px;} #indexPage #mnews .bx-wrapper .bx-pager-item{background:#6f6f6f;} #indexPage #mnews .bx-wrapper .bx-pager.bx-default-pager a:hover,#indexPage #mnews .bx-wrapper .bx-pager.bx-default-pager a.active{border:#6f6f6f solid 2px;} /* 服务 */ #indexPage #mservice{background-size:inherit;padding-bottom:110px;} #indexPage #mservice #servicelist{width:91%;margin-left:5%;} #indexPage #mservice .wrapper{float:left;} #indexPage #servicelist .serviceitem{width:24%;margin-bottom:0;height:100%;position:relative;margin-right:1%;} #indexPage #servicelist .serviceitem:nth-child(4n){margin-right:0;} #mservice .content .header{width:auto;padding:95px 0 65px;float:left;margin-left:5%;} #servicelist .serviceitem a img{width:262px;height:145px;margin:0 auto;display:block;} #indexPage #servicelist .serviceitem a img{width:100%;height:auto;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} #indexPage #servicelist .serviceitem a .service_img{overflow:hidden;display:block;} #indexPage #servicelist .serviceitem:hover a img{transform:scale(1.2, 1.2);} #indexPage #mservice #servicelist .serviceitem div{width:100%;height:auto;margin:0 auto;background:transparent;position:absolute;bottom:50%;text-align:center;margin-bottom:-40px;z-index:10;} #indexPage #mservice #servicelist .serviceitem .service_img:before{position:absolute;background:rgba(255, 255, 255, .92);width:90%;height:90%;content:'';left:5%;top:5%;opacity:0;transition:all 0.36s ease-out 0s;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;z-index:2;} #indexPage #mservice #servicelist .serviceitem:hover .service_img:before{opacity:1;animation-name:flipInY;} #indexPage #servicelist .serviceitem div p.title{height:40px;line-height:40px;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;position:relative;top:35px;opacity:0;padding-top:0;font-size:16px;} #indexPage #servicelist .serviceitem div p.title::before{content:'';position:absolute;width:0%;background:rgba(0, 0, 0, .15);height:1px;left:50%;bottom:0;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} #indexPage #servicelist .serviceitem:hover div p.title::before{width:60%;margin-left:-30%;left:50%;} #indexPage #servicelist .serviceitem:hover div p.title{color:#333;top:0;opacity:1;} #indexPage #servicelist .serviceitem div p.description{opacity:0;position:relative;top:-10px;width:68%;} #indexPage #servicelist .serviceitem:hover div p.description{color:rgba(0, 0, 0, .5);top:0;opacity:1;} #servicelist .serviceitem div p.title{font-size:18px;color:#323232;padding-top:25px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} #servicelist .serviceitem:hover .title{color:#000;} #servicelist .serviceitem div p.description{overflow:hidden;text-overflow:ellipsis;color:rgba(111, 111, 111, 0.55);white-space:nowrap;height:40px;line-height:40px;margin-left:0;margin:0 auto;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} #indexPage #servicelist .serviceitem a.details{display:block;width:30px;height:30px;line-height:30px;position:absolute;bottom:40px;border:none;z-index:5;opacity:0;left:50%;font-size:0;margin-left:-15px;text-indent:0;} #indexPage #servicelist .serviceitem a.details .fa-angle-right::before{content:'';} #indexPage #servicelist .serviceitem:hover a.details{opacity:1;} #indexPage #mservice .serviceitem a.details i::after{content:'';position:absolute;width:0;height:0;border-left:4px solid transparent;border-top:6px solid #535353;border-right:4px solid transparent;top:-100px;right:-4px;opacity:0;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;animation-delay:0.2s;} #indexPage #mservice .serviceitem:hover a.details i::after{opacity:1;top:-60px;} #indexPage #mservice a.details:hover i{color:#fff;} #indexPage #mservice a.details i{color:#c1c1c1;font-size:18px;position:relative;top:-1px;} #indexPage a.details:hover i{text-indent:0;} #mservice #newslist .newstitem:hover a.details{border:1px solid #fff;} #mservice #newslist .newstitem:hover a.details i{color:#fff;} #indexPage #mservice a.more{display:block;margin-top:80px;text-indent:0;border:none;border-radius:0;width:auto;font-size:18px;} #indexPage #mservice .bx-controls-direction{display:block;width:120px;height:60px;position:absolute;left:50%;margin-left:70px;bottom:12px;} #mservice .bx-wrapper .bx-controls-direction a{width:60px;height:60px;border-radius:0px;position:inherit;display:inline-block;margin-top:0px;} #mservice .bx-wrapper .bx-controls-direction a i{margin-top:13px;margin-left:0px;} #mservice .bx-wrapper .bx-controls-direction a.bx-next i{margin-left:4px;} #indexPage #mservice .wrapper .bx-wrapper .bx-prev{top:0px;left:0px;background:#fff;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} #indexPage #mservice .wrapper .bx-wrapper .bx-prev:hover{background:#323232;} #indexPage #mservice .wrapper .bx-wrapper .bx-prev i{color:#D1D1D1;} #indexPage #mservice .wrapper .bx-wrapper .bx-prev:hover i{color:#fff;} #indexPage #mservice .wrapper .bx-wrapper .bx-next{top:0px;right:0px;background:#4B4B4B;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} #indexPage #mservice .wrapper .bx-wrapper .bx-next:hover{background:#323232;} /* 团队 */ #indexPage #mteam{background-color:#fff;background-position:top center !important;background-size:100% !important;background-attachment:scroll;} #indexPage #mteam .wrapper .content_list li{background-color:#f8f8f8;} #indexPage #mteam .wrapper .header{padding:0px;width:auto;margin-left:0;} #indexPage #mteam .header img{width:100%;height:auto;border-radius:0px;max-height:400px;overflow:hidden;margin:0;} #indexPage #mteam .content .content_list .header{display:block;} #indexPage #mteam .wrapper .summary{width:92%;margin-left:8%;position:absolute;top:50%;height:180px;margin-top:-85px;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} #indexPage #mteam .wrapper .content_list li:hover .summary{bottom:0;margin-top:60px;} #indexPage #mteam .summary p{text-align:left;width:100%;float:left;line-height:26px;transition:all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} #indexPage #mteam .summary p.description{width:90%;} #indexPage #mteam .content_list li:hover .summary p.description{opacity:0;} #indexPage #mteam .summary p.title{transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;width:92%;} #indexPage #mteam li:hover .summary p.title{color:#333;position:relative;margin-bottom:15px;} #indexPage #mteam .module-content{width:100%;margin-left:0;padding:120px 0 130px;float:left;} #indexPage #mteam .description{color:#777;} #indexPage #mteam .summary p.title a{font-size:18px;color:#333;position:relative;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;display:block;width:100%;} #indexPage #mteam li .summary p.title a:after{content:'';width:20%;height:1px;background:rgba(255, 255, 255, .2);position:absolute;left:0;top:36px;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} #indexPage #mteam li:hover .summary p.title a:after{width:100%;} #indexPage #mteam .summary p.subtitle{color:#777;font-size:14px;line-height:32px;margin-bottom:28px;width:92%;} #indexPage #mteam a.details{display:block;width:auto;height:30px;text-indent:0;line-height:30px;margin:0px;position:absolute;left:8%;top:270px;overflow:hidden;border-radius:0;border:none;font-size:17px;z-index:10;transition:all 0.1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} #indexPage #mteam .wrapper .content_list li:hover a.details{opacity:0;} #sitecontent .npagePage.Pageteam .teamitem a.details{display:block;display:block;width:calc(100% - 20px);font-size:14px;border-radius:0;height:30px;margin-top:0;border:none;margin-bottom:0;line-height:28px;text-align:right;padding-right:20px;opacity:0;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} #sitecontent .npagePage.Pageteam .teamitem:hover a.details{opacity:1;} #sitecontent .npagePage.Pageteam .teamitem a.details i.fa-angle-right::before{content:'';} #sitecontent .npagePage.Pageteam .teamitem a.details::before{content:'';position:absolute;width:0;height:0;border-top:4px solid transparent;border-left:6px solid rgba(0, 0, 0, .75);border-bottom:4px solid transparent;top:11px;right:-20px;opacity:0;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} #sitecontent .npagePage.Pageteam .teamitem:hover a.details::before{opacity:1;right:5px;} .Pageteam #teamlist .wrap::before{content:'';} #indexPage #mproject .content a.more{ width: 100%; float: left; clear: both; border:none;border-radius:0px;font-size:18px;text-indent:0;} #indexPage #mnews .content a.more{position:absolute;right:4%;top:55px;border:none;border-radius:0px;font-size:18px;text-indent:0;width:auto;z-index:10;} #indexPage #mservice .content a.more{position:absolute;right:4%;top:25px;z-index:10;border:none;border-radius:0px;font-size:18px;text-indent:0;width:auto;} #indexPage #mproject a.more:hover,#indexPage #mnews a.more:hover,#indexPage #mservice a.more:hover{color:#333;text-indent:8px;} #indexPage #mteam a.details:hover,#indexPage #mteam .content_list li:hover a.details{color:#333;text-indent:7px;} #indexPage #mteam a.details i{color:#c1c1c1;margin-left:125px;font-size:16px;position:relative;top:1px;margin-left:20px;} #indexPage #mteam a.details:hover i,#indexPage #mteam .content_list li:hover a.details i{color:#333;text-indent:-10px;} #mteam ul li:hover a.details{border:1px solid #fff;} #mteam #ul li:hover a.details i{color:#fff;} #indexPage a.details i{margin-top:2px;} #indexPage #mteam .bx-controls-direction{display:none;width:100px;height:50px;position:absolute;right:0;margin-right:calc(8% - 51px);bottom:0;text-align:center;} #indexPage #mteam .bx-pager{display:block;bottom:-50px;} #mteam .bx-wrapper .bx-controls-direction a{width:50px;height:50px;border-radius:0px;position:inherit;display:inline-block;margin-top:0px;} #mteam .bx-wrapper .bx-controls-direction a i{margin-top:14px;margin-left:1px;font-size:24px;} #mteam .bx-wrapper .bx-controls-direction a.bx-next i{margin-left:4px;} #indexPage #mteam .wrapper .bx-wrapper .bx-prev{top:0px;left:0px;background:#f6f6f6;} #indexPage #mteam .wrapper .bx-wrapper .bx-prev:hover{background:#323232;} #indexPage #mteam .wrapper .bx-wrapper .bx-prev:hover i{color:#fff;} #indexPage #mteam .wrapper .bx-wrapper .bx-prev i{color:#d2d2d2;} #indexPage #mteam .wrapper .bx-wrapper .bx-next{top:0px;right:0px;background:#4b4b4b;} #indexPage #mteam .wrapper .bx-wrapper .bx-next:hover{background:#323232;} #indexPage #mteam .wrapper .bx-wrapper .bx-next:hover i{color:#fff;} /* 合作伙伴 */ #indexPage #mpartner .content .header{display:none;} #indexPage #mpartner .module-content{padding:18px 0;height:auto;width:82%;} #indexPage #mpartner .wrapper{height:auto;width:100%;} #indexPage #mpartner .wrapper .content_list{padding-left:100px !important;padding-right:100px !important;} #indexPage #mpartner .wrapper ul li{max-height:120px;overflow:hidden;} #indexPage #mpartner .wrapper ul li a{width:159px;height:auto;margin-bottom:0;margin-right:30px;} #indexPage #mpartner .bx-wrapper .bx-pager{display:none;} #indexPage #mpartner .bx-wrapper .bx-controls-direction{display:block;} #indexPage #mpartner .bx-wrapper .bx-controls-direction a.disabled{display:block;} #indexPage #mpartner .bx-wrapper .bx-prev{left:-4%;} #indexPage #mpartner .bx-wrapper .bx-next{right:-4%;} #indexPage #mpartner .bx-wrapper .bx-controls-direction a{background:none;} #indexPage #mpartner .bx-wrapper .bx-controls-direction a:hover{background:#323232;} #mpartner .bx-wrapper .bx-controls-direction a i{color:#c6c8cc;font-size:24px;margin-top:7px;margin-left:17px;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} #mpartner .bx-wrapper .bx-controls-direction a.bx-prev i{margin-left:15px;} #mpartner .bx-wrapper .bx-controls-direction a:hover i{color:#fff;} /* */ #indexPage #mcontact{background:#005798;} #indexPage #mcontact .content{text-align:center;} #indexPage #mcontact .content .header.fw{width:auto;padding-bottom:80px;display:none;} #indexPage #mcontact .header p.title{color:#323232;} #contactlist:after{clear:both;content:'';display:block;} #indexPage #mcontact .content #contactlist{width:92%;margin-left:4%;text-align:left;padding-bottom:94px;padding-top:100px;} #indexPage #mcontact #contactinfo{width:32%;margin-left:2%;} #mcontact .content #contactform{width:65%;margin-top:42px;} #contactform p .inputtxt{width:100%;background-color:transparent;border:none;border-bottom:1px solid #dedede;width:100%;padding:10px 0px;color:#fff;font-size:13px;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} #contactform p .inputtxt::placeholder{color:#fff;} #mcontact .content #contactform p{float:left;margin-right:20px;width:30%;} #contactinfo h3{color:#fff;margin-bottom:35px;} #contactinfo div a{background:#fff;} #contactinfo div a:hover{background:#464646;} #contactinfo div a i{color:#8b8b8b;} #contactinfo div a:hover i{color:#fff;} #contactinfo div a:hover .fa-weibo::before{color:#fff;} #contactform p textarea.inputtxt{width:calc(300% + 40px);width:-moz-calc(300% + 40px);width:-webkit-calc(300% + 40px);} #contactform p .inputsub{width:100px;background-color:transparent;color:#fff;font-size:14px;padding:5px 0;display:block;float:left;position:relative;top:155px;height:40px;left:calc(-100% - 20px);left:-moz-calc(-100% - 20px);left:-webkit-calc(-100% - 20px);border:1px solid #cecece;cursor:pointer;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} #contactform p .inputsub:hover{background-color:#4a4a4a;border:1px solid rgba(0, 0, 0, .1);color:#fff;} #contactform p .inputtxt:hover{border-bottom:1px solid rgba(255, 255, 255, .6);} #footer{background:#003072;float:left;} #footer p{padding:8px 0;width:82%;margin:0 auto;text-align:left;margin-left:15%;padding-left:5%;} #contactinfo p{} /* */ #newsPage #newslist .newstitem{height:237px;margin-bottom:80px;} #newsPage #newslist{width:1200px;margin:0 auto;float:left;} #newsPage #newslist .newsbody .title{left:0px;padding:5px 0 0;} #newsPage #newslist .newsbody .title:after{left:0px;top:50px;} .npagePage #projectlist .projectitem{height:auto;overflow:hidden;margin-right:0%;padding:3% 3% 4%;padding-top:3%;background-color:#fff;margin-bottom:3px;border-bottom:1px solid #eaeaea;box-sizing:border-box;} .Pageanli #category{width:80%;float:right;text-align:right;padding-top:40px;margin-right:5%;padding-bottom:40px;} .npagePage #projectlist .projectitem:nth-child(4n){margin-right:0;} .npagePage #projectlist .wrapper{width:85%;margin-left:15%;} .npagePage #projectlist .wrapper .content_list{margin-left:4%;} .npagePage #projectlist .projectitem:nth-child(3n){margin-right:0;} #indexPage .module{z-index:auto;} /* 分享 */ #shares a{width:40px;height:40px;} #shares a#sshare{display:none;} #shares a i{margin-top:11px;} #shares a i.fa-weixin{margin:11px 0 0 14px;background-image:url(/images/shouji-.png);transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} #shares a#gotop{margin-top:0;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;bottom:40px;position:fixed;right:10px;} #shares a#gotop i{margin-top:8px;} #shares a#gotop:hover{background:rgba(0, 0, 0, .9);} #shares a#sweibo,#shares a#sweixin{background-color:rgba(255, 255, 255, .8);border:1px solid rgba(0, 0, 0, .1);width:38px;height:39px;border-bottom:none;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;position:fixed;bottom:120px;right:10px;} #shares a#sweixin{border-bottom:1px solid rgba(0, 0, 0, .1);height:38px;position:fixed;bottom:80px;} #shares a#sweibo:hover{background-color:#555;} #shares a#sweibo:hover .fa-weibo::before{color:#fff;} #shares a#sweixin:hover{background-color:#555;} #shares a#sweixin:hover i.fa-weixin{background-image:url(/images/shouji.png);} #olx_head{background:#005798;border-radius:0px;} #olx_qq li a:hover i{color:#d2d2d2;} #olx_qq li a:hover{padding:18px 30px;} #online_open i{margin-top:10px;} #online_open{background:none;bottom:0px;color:#515151;bottom:160px;color:#999;background-color:rgba(255, 255, 255, .8);border:1px solid rgba(0, 0, 0, .1);width:38px;height:39px;border-bottom:none;} #online_open:hover{background-color:#555;color:#fff;} #online_lx{border-radius:0px;bottom:36px;margin-right:-10px;} #olx_tel div{color:#898989;} #olx_qq li a i{color:#504f4f;} #olx_head i:hover{color:#fff;transform:rotate(90deg);-ms-transform:rotate(90deg);undefined:undefined;-moz-transform:rotate(90deg);undefined:undefined;-webkit-transform:rotate(90deg);undefined:undefined;-o-transform:rotate(90deg);undefined:undefined;} /* 分页 */ #pages a.active,#pages a:hover{background-color:#484848;} /* 产品详情页 */ #projectinfo4 .header p.title{font-size:22px;margin-bottom:4px;} #projectinfo4 .header p.subtitle{font-family:Arial, Helvetica, sans-serif, "微软雅黑";font-size:13px;} #projectinfo4 div.description{margin-top:20px;line-height:24px;font-size:13px;} .bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:hover{background-color:rgba(255, 255, 255, .8);border:1px solid rgba(255, 255, 255, .8);} #projectinfo4 div.description a{display:inline-block;width:150px;height:40px;line-height:40px;background:#5d5d5d;color:#fff;text-align:center;margin:20px auto;transition:all 0.3s ease-out 0s;} #projectinfo4 div.description a:hover{background:#3c3c3c;} #projectbody4 .postbody4{margin-top:20px;} #projectbody4 .postbody4 p{line-height:24px;} #post_slider{background:#f8f8f8;} #projectimages4 img{margin-bottom:10px;} #projectbody4{border-bottom:1px dotted rgba(0, 0, 0, .1);padding-bottom:20px;} /* #projectbody4 { display:none;} */ .npagePage4 #projectwrap4{margin-top:10px;} .npagePage4 #post_slider,#post_slider1{height:660px;width:100%;max-width:100%;} .npagePage4 #post_slider li{height:660px;width:100%;max-width:100%;background-size:contain; background-position:center; background-repeat:no-repeat;} .npagePage4 #projectshow4{margin-top:10px;} .npagePage4 .bx-wrapper{width:100%;margin:0px auto;} .npagePage4 .bx-wrapper .bx-controls-direction a{background:rgba(0, 0, 0, .0);width:45px;height:45px;border-radius:0px;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;right:0;} .npagePage4 .bx-wrapper .bx-controls-direction a.bx-prev{left:0;} .npagePage4 .bx-wrapper .bx-controls-direction a i{color:rgba(170, 170, 170, .9);font-size:22px;margin-top:11px;} .npagePage4 .bx-wrapper .bx-controls-direction a:hover{border:none;border-radius:0;background:rgba(0, 0, 0, .5);} .npagePage4 .bx-wrapper .bx-controls-direction a:hover i{color:#fff;} .npagePage4 .bx-wrapper .bx-controls-direction a.bx-next i{margin-left:19px;} .npagePage4 .bx-wrapper .bx-controls-direction a.bx-prev i{margin-left:19px;} .npagePage4 #projectlist .wrapper{text-align:left;margin-left:0;width:100%;margin-right:0;} .npagePage4#npagePage #projectlist .projectitem a .project_info{bottom:0;position:relative;height:100px;} .npagePage4#npagePage #projectlist .projectitem a .project_info div{margin-top:0;} .npagePage4 #projectinfo4{border-bottom:1px dotted rgba(0, 0, 0, .1);} .npagePage4 #projectinfo4 .header{padding-bottom:10px;padding-top:50px;margin-left:0;} #sitecontent .npagePage4 #projectlist .projectitem{width:32% !important;height:auto;background:transparent;padding-left:0;margin-right:1%;margin-bottom:0%;border-bottom:none;padding-top:0;} #sitecontent .npagePage4 #projectlist .projectitem:nth-child(4n),#sitecontent .npagePage3 #projectlist .projectitem:last-child{margin-right:0;} #sitecontent .npagePage4 #projectlist .projectitem a img{height:auto;} .npagePage4 #projecttags4 a{background:#fff;padding:5px 18px;transition:all 0.3s ease-out 0s;border: solid 1px #dfdfdf;} .npagePage4 #projecttags4 a:first-child{} .npagePage4 #projecttags4 a:hover{color:#333;} #category li.hasmore div ul a.active,#category li.hasmore div ul a:hover{background:#8cd4c1;} .npagePage #banner{height:320px;width:100%;} .npagePage #banner div{height:320px;} .Pageyemian .content .header p.subtitle,.Pageteam .content .header p.subtitle{text-align:center;font-size:14px;margin-top:3px;} .content .header p.title{font-size:24px;} .Pagenews .content .header p.title,.Pagenews .content .header p.subtitle{text-align:left;} .npagePage.Pagenews .content{width:1200px;margin:0 auto;} #sitecontent .npagePage.Pagenews .content .header{margin-left:0;float:left;} /* 团队列表页 */ .Pageteam #teamlist .wrap{margin-right:0;height:0;} .Pageteam .teamitem{position:relative;width:580px;height:auto;margin-bottom:20px;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;background:#fff;margin-right:20px;padding-bottom:20px;} #sitecontent .npagePage.Pageteam a.details i{font-size:18px;text-indent:8px;} #sitecontent .npagePage.Pageteam #teamlis .teamitem:hover a.details:hover i{text-indent:8px;} .Pageteam .teamitem:last-child{border-bottom:none;} .Pageteam .teamitem a{width:auto;height:auto;} .Pageteam #teamlist{width:1200px;} .Pageteam .teamitem a img{width:580px;height:auto;z-index:2;position:relative;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} .Pageteam .teamitem:hover a img{transform:scale(1.18, 1.18);} .Pageteam #teamlist .wrap .teamitem:hover::after{background:#4a4a4a;height:240px;margin-top:35px;} .Pageteam .teamitem .teaminfo{width:570px;text-align:left;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;margin-top:0;height:155px;overflow:hidden;margin-top:25px;margin-left:0;} .Pageteam .teamitem:hover .teaminfo{margin-left:10px;} .Pageteam .teamitem .teaminfo a{width:100%;height:32px;margin-left:0px;color:#555;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;font-size:17px;} .Pageteam .teamitem .teaminfo a::after{content:'';position:absolute;width:0;height:0;} .Pageteam #teamlist .wrap .teamitem::before{content:'';position:absolute;width:0%;height:1px;background:rgba(0, 0, 0, .08);left:0;bottom:64px;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} .Pageteam #teamlist .wrap .teamitem:hover::before{width:100%;background:rgba(0, 0, 0, .3);} .Pageteam .teamitem .teaminfo .description{font-size:13px;line-height:24px;height:53px;margin-top:20px;width:98%;} .teamitem .teaminfo .title{height:32px;} .Pageteam .teamitem .teaminfo .title{height:30px;} .Pageteam .teamitem .teaminfo .subtitle{position:relative;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;margin-top:0;} #sitecontent .npagePage .postbody{width:1180px;} #sitecontent .npagePage #teampost #teambody .postbody{width:730px;} .Pageteam .teamitem a.details{display:block;} .Pagenews #newsPage #newslist .newstitem{margin-bottom:20px;height:auto;} .Pagenews #newslist .newsbody{width:630px;padding-left:50px;padding-top:20px;} .npagePage #banner div{position:unset;} .Pagenews #newslist .newstitem .newscontent::after{bottom:25px;left:50px;background:#4E4E4E;} .Pagenews #newslist .newstitem .newsimg{margin-left:0;width:520px;height:237px;} .newsl .content .header p.subtitle{font-size:14px;text-align:center;} .Pagenews #newslist .newstitem .newscontent:after{height:140px;} .Pageservice .content .header{padding-bottom:70px;} .Pageservice .content .header p.subtitle{text-align:center;} .Pageservice #servicelist .serviceitem div{width:100%;background:transparent;padding:0;margin-top:0;} .Pageservice #servicelist .serviceitem div::before{content:'';position:absolute;} .Pageservice #servicelist .serviceitem a img{width:100%;height:auto;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} .Pageservice #servicelist .serviceitem .service_img{overflow:hidden;display:block;} .Pageservice #servicelist .serviceitem:hover a img{transform:scale(1.12, 1.12);} .Pageservice #servicelist .serviceitem{width:24%;height:auto;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;margin-right:0;padding-bottom:25px;margin-right:1%;} .Pageservice #servicelist .serviceitem:nth-child(4n){margin-right:0;} #projectlist .projectitem{background-color:#fff;} .Pageservice #servicelist .wrap{margin-right:0;} .Pageservice #servicelist{width:1200px;} /* .Pageservice #servicelist .serviceitem:hover { background:#4a4a4a;} */ .Pageservice #servicelist .serviceitem a{height:auto;top:0;} .Pageservice #servicelist .serviceitem div p.description{color:#888;margin-top:0;height:26px;line-height:26px;width:90%;white-space:nowrap;text-overflow:ellipsis;} .Pageservice #servicelist .serviceitem:hover{border-bottom:3px solid #696969;} .Pageservice #servicelist .serviceitem div p.title{font-size:17px;height:30px;line-height:30px;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} .Pageservice #servicelist .serviceitem:hover div p.title{padding-top:15px;} #npagePage #projectlist .projectitem a .project_info{position:absolute;} #npagePage #projectlist .projectitem a .project_info p.title{text-align:center;} #npagePage #projectlist .projectitem a .project_info p.subtitle{text-align:center;} #npagePage #projectlist .projectitem a:hover .project_info p.title{color:#000;margin-bottom:0px;margin-top:10px;} #npagePage #projectlist .projectitem a:hover .project_info p.subtitle{color:#888;} #npagePage #projectlist .projectitem a .project_info div{margin-top:-33px;} .Pagenews #category{text-align:right;width:atuo;padding-top:80px;float:right;} .npagePage.newsl .content{width:1180px;margin:0 auto;} .npagePage4 .bx-wrapper .bx-pager.bx-default-pager a{width:6px;height:6px;border:2px solid rgba(170, 170, 170, .85);} .npagePage4 .bx-wrapper .bx-pager.bx-default-pager a.active,.npagePage4 .bx-wrapper .bx-pager.bx-default-pager a:hover{background-color:rgba(0, 0, 0, .3);border:2px solid rgba(0, 0, 0, .0);} #projectlist .projectitem a .project_info p.title{color:#333;} /* ff */ #indexPage #mpage.module .wrapper li{position:relative;z-index:10;height:450px;} #indexPage #mpage .content .header{position:initial;} #indexPage #mpage .wrapper li .fimg{z-index:-1;} #indexPage #mpage .wrapper li .fimg{background-position:center center;background-size:100%;} #indexPage #mpage .wrapper{overflow:initial;} #indexPage #mpage .content .des-wrap{position:absolute;transform:translateX(-50%);left:50%;top:300px;} #indexPage #mpage .content .header{position:absolute;padding:0;height:48px;bottom:40px;top:auto;left:0;width:100%;text-align:center;transform:none;} #indexPage #mpage .content a.more{top:calc(100% + 90px);} #indexPage #mpage .module-content .description{padding-top:126px;} #indexPage #mpage.module .wrapper ul{padding-bottom:150px;} #indexPage #mnews #newslist .newstitem .newsbody .date{opacity:0;top:auto;position:relative;bottom:-120px;left:0;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} #indexPage #mnews #newslist .newstitem:hover .newsbody .date{opacity:1;bottom:-145px;} #indexPage #mnews .newstitem a.details::after{content:'';position:absolute;width:0;height:0;border-top:4px solid transparent;border-left:6px solid #535353;border-bottom:4px solid transparent;top:auto;right:-45px;opacity:1;transition:all 0.36s ease-out 0s;bottom:15px;} #indexPage #mnews .newstitem:hover a.details::after{opacity:1;right:-8px;} #indexPage #mteam .content .content_list .header a::before{content:'';position:absolute;width:100%;height:100%;background:rgba(255, 255, 255, 1);top:0;left:0;transition:all 0.36s ease-out 0s;} #indexPage #mteam .content .content_list li:hover .header a::before{background:rgba(0, 0, 0, .5);} #indexPage #mteam .content .content_list li:hover .summary p.title a{color:#fff;} #indexPage #mteam .content .content_list li:hover .summary p.subtitle{color:rgba(255, 255, 255, .8);} #indexPage #mteam .content .content_list li:hover .summary p.description{color:rgba(255, 255, 255, .6);} #indexPage #mteam .wrapper .content_list li .summary p.title a::before{content:'';position:absolute;width:0;height:0;border-top:4px solid transparent;border-left:6px solid rgba(255, 255, 255, .9);border-bottom:4px solid transparent;top:11px;right:0px;opacity:0;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} #indexPage #mteam .wrapper .content_list li:hover .summary p.title a::before{opacity:1;} #projectlist .projectitem a .project_info::after{content:'';position:absolute;width:0;height:0;border-left:4px solid transparent;border-top:6px solid rgba(0, 0, 0, .6);border-right:4px solid transparent;top:60px;left:50%;opacity:0;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;margin-left:-4px;} #projectlist .projectitem:hover a .project_info::after{opacity:1;top:90px;} .npagePage #projectlist .wrapper::before{content:'';position:absolute;width:1px;height:calc(100% - 270px);background:#eaeaea;margin-top:0;left:44.4%;z-index:10;margin-left:1px;top:112px;} .npagePage #projectlist .wrapper::after{content:'';position:absolute;width:1px;height:calc(100% - 270px);background:#eaeaea;margin-top:0;right:29.4%;z-index:10;margin-right:-1px;top:112px;} .npagePage #projectlist .wrapper .content_list li:nth-child(1),.npagePage #projectlist .wrapper .content_list li:nth-child(2),.npagePage #projectlist .wrapper .content_list li:nth-child(3){padding-top:0;} .nobanner .npagePage.Pageanli{padding-top:30px;} #pages{width:85%;margin-left:15%;} .teampage #pages { margin:0; width:100%;} .npagePage.Pageyemian .content{width:85%;margin-left:15%;} .content .header p.title{font-size:22px;} .content .header p.subtitle{font-size:15px;line-height:24px;} #newsPage.Pagenews,.npagePage.Pageteam{width:85%;margin-left:15%;} .fa-weibo::before{color:#8b8b8b;} .Pageteam #pages{padding-bottom:50px;} #newslist .newstitem.right a.newscontent .newsimg{left:0;} .Pagenews #pages{margin-left:0;width:100%;} .Pagenews #newslist .newstitem .news_wrapper::after{content:'';position:absolute;width:10%;height:1px;background:rgba(0, 0, 0, .25);left:53px;bottom:80px;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;opacity:0;} .Pagenews #newslist .newstitem:hover .news_wrapper::after{opacity:1;width:calc( 100% - 53px);} .newsl{width:85%;margin-left:15%;} .sscreen.ipusher #sitecontent .npagePage.default{width:85%;margin-left:15%;} .sscreen.ipusher #sitecontent .npagePage.default .content .header{padding-top:40px;} .npagePage.Pageservice #banner{width:85%;margin-left:15%;} #sitecontent .npagePage.Pageyemian .content .header,#sitecontent .Pageservice .content .header,#sitecontent .Pageteam .content .header{width:auto;margin-left:0;} .Pageservice #servicelist{width:83%;margin-left:15%;} .Pageservice #servicelist .wrap{width:94%;margin-left:5%;} #sitecontent .Pageservice .content .header{width:85%;margin-left:15%;} .nobanner .npagePage .content .header{padding-top:0;} .nobanner .npagePage4{padding-top:0;} .nobanner .npagePage4 .content{width:85%;margin-left:15%; margin-left: calc(15% + 40px);} @media screen and (max-width:1200px){ .nobanner .npagePage4 .content{width:calc(100% - 220px);margin-left:220px;} } .npagePage.npagePage4 #projectlist .wrapper::before,.npagePage.npagePage4 #projectlist .wrapper::after{width:0;} .nobanner .npagePage4 .content #projectib4 #mproject .content{width:100%;margin-left:0;} .npagePage.npagePage4 #projectlist .wrapper .content_list{margin-left:0;width:1180px;} @media screen and (max-width:1660px){#logoClone img{margin:50px auto 0px;height:auto;width:auto;max-width:160px;} } #indexPage #mslider .bx-wrapper .bx-pager-item{transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;margin-right:20px;} #indexPage #mslider .bx-wrapper .bx-pager.bx-default-pager a:hover,#indexPage #mslider .bx-wrapper .bx-pager.bx-default-pager a.active{border-color:#fff;background-color:rgba(0, 0, 0, .08);} #indexPage #mslider .bx-wrapper .bx-pager{bottom:30px;} #sitecontent .npagePage.Pageyemian .postbody{padding-bottom:60px;max-width:90%;} .nobanner .Pagenews #category{padding-top:0;} #indexPage .mmap .content .header{margin-left:5%;} .ipusher #indexPage .mmap .content{margin-top:0;background:#fff;} #indexPage .mivideo .content .header{margin-left:5%;padding-top:0;} .mvideom.mvideom01 .mvideo_header,.mvideom.mvideom .mvideo_header{width:100%;margin-left:5%;padding-top:60px;text-align:left;} .mvideom .videom_item .wrap .item_info{bottom:auto;text-align:center;top:50%;transform:translateY(-50%);} .mvideom .videom_item .subtitle{margin-top:0;} .mvideom .videom_item .wrap:hover .item_info{opacity:0;} .module.mvideom.mm108915 ul.content_list{width:90% !important;margin-left:5%;} .mvideom .videom_item .wrap:hover .imgIcon{top:50%;transform:translateY(-50%);margin-top:0;} #fixed_videoPost .fixed-mack{background-color:rgba(0, 0, 0, .8);} .mvideo_more{position:absolute;right:4%;top:55px;border:none;border-radius:0px;font-size:18px;text-indent:0;width:auto;z-index:10;display:block;height:34px;line-height:34px;overflow:hidden;margin-top:50px;color:#838383;text-transform:lowercase;} #indexPage .mvideom.module .content{padding-bottom:90px;} @media screen and (max-width:1280px){#logoClone img{margin-left:0px;width:auto;height:atuo;max-width:150px;} } @media screen and (min-width:1280px) and (max-width:1660px){#logoClone img{margin-left:0px;width:auto;height:atuo;max-width:150px;} } .agent-desktop .mlist.project .content_list .item_block:hover .item_icon a .item_icon_bg{background-color:transparent;border-color:#fff;color:#fff;transform:scale(1.2, 1.2);}